<template>
  <div class="gift-setting-page">
    <a-form :model="form" :wrapper-col="wrapperCol">
      <a-card title="购买设置">
        <a-form-item label="是否开启分销">
          <a-switch />
        </a-form-item>
        <a-form-item label="支付方式">
          <a-checkbox-group>
            <a-checkbox value="线上支付">线上支付</a-checkbox>
            <a-checkbox value="余额支付">余额支付</a-checkbox>
            <a-checkbox value="组合支付">组合支付</a-checkbox>
          </a-checkbox-group>
        </a-form-item>
      </a-card>
      <a-card title="优惠叠加设置">
        <a-form-item label="优惠券">
          <a-switch />
        </a-form-item>
        <a-form-item label="超级会员卡">
          <a-switch />
        </a-form-item>
        <a-form-item label="会员价">
          <a-switch />
        </a-form-item>
        <a-form-item label="积分抵扣">
          <a-switch />
        </a-form-item>
        <a-form-item label="满减优惠">
          <a-switch />
        </a-form-item>
      </a-card>
      <a-card title="兑换设置">
        <a-form-item label="使用说明">
          <a-switch />
          <div></div>
        </a-form-item>
        <a-form-item label="兑换码防刷">
          <a-switch />
          <a-row>
            <a-col>
              <a-input addon-after="分钟" />
            </a-col>
            <a-col>
              <a-input addon-before="内连续输错" addon-after="次" />
            </a-col>
            <a-col>
              <a-input addon-before="后，冻结该用户兑换资格" addon-after="小时" />
            </a-col>
          </a-row>
        </a-form-item>
      </a-card>
      <a-card title="跳转设置">
        <a-form-item label="兑换中心跳转礼品卡开关">
          <a-switch />
          <a-upload name="file" action="">
            <a-button><a-icon type="upload" />上传图标</a-button>
          </a-upload>
        </a-form-item>
        <a-form-item label="礼品卡跳转兑换中心开关">
          <a-switch />
          <a-upload name="file" action="">
            <a-button><a-icon type="upload" />上传图标</a-button>
          </a-upload>
        </a-form-item>
      </a-card>
      <a-card title="兑换页设置">
        <a-form-item label="轮播图">
          <a-switch />
          <a-upload name="file" action="">
            <a-button><a-icon type="upload" />上传轮播图</a-button>
          </a-upload>
        </a-form-item>
      </a-card>
      <div>
        <a-button type="primary">保存</a-button>
      </div>
    </a-form>
  </div>
</template>
<script>
export default {
  data() {
    return {
      form: {},
      wrapperCol: {
        xs: { span: 24 },
        sm: { span: 12 },
      },
    }
  },
}
</script>
